/* 
    Document   : estiloSicoba
    Created on : 13/04/2013, 08:06:10 PM
    Author     : AaRoN
    Description:
        Purpose of the stylesheet follows.
*/
*{border: 0;margin: 0;padding: 0;}
body{background-image: url(../img/bg2.jpg);font-family: sans-serif;font-size: 1em;color: #666;}
#principal{max-width: 1000px;min-width: 600px;margin-left: auto;margin-right: auto;}
header{height: 25%;overflow: hidden;height: 100px;}
/**************************************************ESTILOS HEADER*********************************************/
header img{float: left;width: 25%;height: 100%;}header #menu{float: right;width: 75%;height: 100px;}
header h1{text-align: center;height: 70px;}
header nav{width: 25%;float: right;height: 50%; height: 30px;border-radius: 15px 0px 0px 15px;
           -moz-border-radius: 15px 0px 0px 15px;-webkit-border-radius: 15px 0px 0px 15px;
           border: 0px solid #000000;background-color: rgba(125,125,125,.5);text-align: center;}
.nav{width: 60%;float: right;height: 50%; height: 30px;border-radius: 15px 0px 0px 15px;
     -moz-border-radius: 15px 0px 0px 15px;-webkit-border-radius: 15px 0px 0px 15px;
     border: 0px solid #000000;background-color: rgba(125,125,125,.5);text-align: center;}
header nav ul li{text-decoration: none;display: inline-block;height: 30px;}
.cien{width: 100%;}
header nav ul li:hover{background-color: rgba(125,125,125,.8);transition: background-color 1s ease;}
.veinticinco{width: 24%}
header nav ul li:hover:first-child{background-color: rgba(125,125,125,.8);border-radius: 15px 0px 0px 15px;
                                   -moz-border-radius: 15px 0px 0px 15px;-webkit-border-radius: 15px 0px 0px 15px;
                                   border: 0px solid #000000;transition: background-color 1s ease}
header nav ul li a{text-decoration: none;color: white;font-size: 1.3em;}
/**************************************************ESTILOS CONTENIDO*********************************************/
.galeria{max-width: 700px;margin-left:auto;margin-right:auto;}
/**************************************************ESTILOS FOOTER*********************************************/
footer{font-size: .8em;background-color: #666;color: white;}
/**************************************************ESTILOS FORMA NEGRA*********************************************/
.neg{position: absolute;top: 0;left: 0;width: 100%;display: none;z-index: 1;background-color: rgba(0,0,0,.8);}
.fneg{padding: 15px;width: 400px;height: 200px;margin-left: auto;margin-right: auto;margin-top: 100px;
      background-color: #7b7d7d;-webkit-box-shadow: inset 0px 0px 124px 10px rgba(5,5,5,1);
      -moz-box-shadow: inset 0px 0px 124px 10px rgba(5,5,5,1);box-shadow: inset 0px 0px 124px 10px rgba(5,5,5,1);
      border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #000000;color:white;}
.forma{text-align: center;}
.a{float: right;width: 20px;height: 20px;text-align: center;text-decoration: none;}
.a:hover{background-color: red;border-radius: 100px 100px 100px 100px;-moz-border-radius: 100px 100px 100px 100px;
         -webkit-border-radius: 100px 100px 100px 100px;border: 0px solid #000000;}
.a:visited{color: white}
#Frm_Ini table{margin: 15px;padding: 10px;margin-left: auto;margin-right: auto;}
/**************************************************ESTILOS CONTROLES*********************************************/
.selec{width: 150px;}
input, .selec{height: 20px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
              -webkit-border-radius: 10px 10px 10px 10px;border: 0px solid #000000;padding-left: 8px;}
input:focus, .selec:hover{outline: none;-webkit-box-shadow: 0px 0px 22px 3px rgba(255,200,80,1);
                          -moz-box-shadow: 0px 0px 22px 3px rgba(255,200,80,1);box-shadow: 0px 0px 22px 3px rgba(255,200,80,1);}
.boton{border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;
       border: 0px solid #000000;background-color: #ff8909;width: 100px;color: #eeeeee;font-weight: bold;}
.boton:hover{cursor: pointer;background-color: #ffd500;color: blue;border-radius: 0px 0px 0px 0px;
             -moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border: 0px solid #000000;}
.botonLupa{border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;
       border: 0px solid #000000;background-color: transparent;width: 50px;}
.botonLupa:hover{cursor: pointer; background-color: rgba(0,0,0,.2)}
/**************************************************ESTILOS PCONTROL*********************************************/
#Div_contenedor{/*display: none;*/max-width: 950px;min-width:500px;margin:1em auto;}
#Div_principal{width: 44%;height: 450px;display: inline-block;vertical-align: top;
               /*background-color: red;*/}
#Div_pbuscar{/*width: 44%;*/height: 100px;float: top; border-right-style: outset;
    /*background-color: green;*/}
#Div_presultados{/*width: 44%;*/height: 350px;float: bottom; border-right-style: outset; overflow-y: auto;
    /*background-color: white;*/}
#Div_detalle{width: 55%;height: 450px;display: inline-block;
             /*background-color: yellow*/}
#Div_pdetalle{/*width: 55%;*/height: 350px; float: top; border-bottom-style: outset;
    /*background-color: blue;*/}
#Div_pmenu{/*width:55%;*/height: 100px; float: bottom;/*background-color: pink*/}
.invisible{display: none;} .visible{display: ""}
/**************************************************ESTILOS DE MENSAJES************************************************/
.error{background-color: #BC1010;padding: 6px 12px;border-radius: 4px;color: white;font-weight: bold;margin-left: 16px;
       margin-top: 6px;position: absolute;}
.error:before{content: '';border-top: 8px solid transparent;border-bottom: 8px solid transparent;
              border-right: 8px solid #BC1010;border-left: 8px solid transparent;left: -16px;position: absolute;top: 5px;}
/*mensajes*/
.mensajes{background-color: #8cff75;padding: 6px 12px;border-radius: 4px;color: white;font-weight: bold;margin-left: 16px;
          margin-top: 6px;position: absolute;}
/**************************************************ESTILOS DE TABLA************************************************/
#Div_detalle table tr td{width: 200px;}
#Div_presultados table{max-width:450px;min-width: 200px;border-collapse: collapse;border-radius: 10px 10px 10px 10px; 
                       -moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;/*border: 1px solid #000000;*/
                       background-color: #1ca6e6;padding:8px;background-color: #D8E3FF}
.ren{background-color: #1ca6e6;background-color: #D8E3FF;}
.ren:hover{cursor: pointer;background-color: rgba(0,0,0,.7);background-color: #1ca6e6;color: whitesmoke;}

